<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>企业责任 - Tencent 腾讯</title>
    <meta name="keywords" content="腾讯，腾讯集团，腾讯官网，微信，QQ，腾讯游戏，腾讯云，Tencent, Tencent Games, WeChat, Tencent Cloud" />
    <meta name="description" content='腾讯于1998年11月成立，是一家以互联网为基础的平台公司，通过技术丰富互联网用户的生活，助力企业数字化升级。我们的使命是“用户为本 科技向善”。Founded in 1998, Tencent is an Internet-based platform company using technology to enrich the lives of Internet users and assist the digital upgrade of enterprises. Our mission is "Value for Users, Tech for Good".'
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

    <link rel="shortcut icon" href="../fonts/bitbug_favicon.ico" />


    <link rel="stylesheet" type="text/css" href="./css/duty.css" />
    <link rel="stylesheet" href="./css/common1.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/js01.js"></script>
    <script src="./js/common1.js"></script>
</head>

<body>
    <!-- 公共样式----头部导航栏制作开始 -->
    <div class="common-first">
        <div class="w common-nav">
            <!-- 头部logo制作 -->
            <div class="common-nav-logo">
                <a href="../index.html" class="common-logo">
                    <h1>Tencent腾讯</h1>
                </a>
            </div>
            <!-- 头部中间导航栏制作 -->
            <ul class="common-menu">
                <li class="menu-items">
                    <a href="./abstract.html" class="text">简介</a>
                    <ul class="menu-list">
                        <li><a href="./abstract.html#one">公司简介</a></li>
                        <li><a href="./abstract.html#seven">愿景及使命</a></li>
                        <li><a href="./abstract.html#two">发展历程</a></li>
                        <li><a href="./abstract.html#three">业务架构</a></li>
                        <li><a href="./abstract.html#four">管理团队</a></li>
                        <li><a href="./abstract.html#five">企业文化</a></li>
                        <li><a href="./abstract.html#six">办公地点</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./business.html" class="text">业务</a>
                    <ul class="menu-list">
                        <li><a href="./business.html#eight">面向用户</a></li>
                        <li><a href="./business.html#eight">面向企业</a></li>
                        <li><a href="./business.html#eight">创新科技</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./staff.html" class="text">员工</a>
                    <ul class="menu-list">
                        <li><a href="./staff.html#nine">人才发展</a></li>
                        <li><a href="./staff.html#show_pic2">腾讯学院</a></li>
                        <li><a href="./staff.html#staff_work_environment">工作环境</a></li>
                        <li><a href="./staff.html#staff-con-4">员工活动</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./duty.html" class="text">企业责任</a>
                    <ul class="menu-list">
                        <li><a href="./duty.html#ten">全球战疫</a></li>
                        <li><a href="./duty.html#eleven">践行承诺</a></li>
                        <li><a href="./duty.html#tweleve">支持善举</a></li>
                        <li><a href="./duty.html#lyh">鼓励创新</a></li>
                        <li><a href="./duty.html#lyh1">企业社会责任报告</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-investor.html" class="text">投资者</a>
                    <ul class="menu-list">
                        <li><a href="./index-investor.html#lyh10">财务新闻</a></li>
                        <li><a href="./index-investor.html#lyh11">公告及财务报告</a></li>
                        <li><a href="./index-investor.html#lyh12">业绩电话会及路演</a></li>
                        <li><a href="./index-investor.html#lyh13">投资者工具包</a></li>
                        <li><a href="./index-investor.html#lyh14">证券及债券信息</a></li>
                        <li><a href="./index-investor.html#lyh15">企业管治</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-media.htm" class="text">媒体</a>
                    <ul class="menu-list">
                        <li><a href="./index-media.htm#lyh20">企业动态</a></li>
                        <li><a href="./index-media.htm#lyh21">财务新闻</a></li>
                        <li><a href="./index-media.htm#lyh22">腾讯视角</a></li>
                        <li><a href="./index-media.htm#lyh23">媒体资料库</a></li>
                    </ul>
                </li>
            </ul>
            <!-- 头部右边字体栏目制作 -->
            <div class="common-chosefont">
                <a class="lang_ch current" lang="zh-cn">简</a>
                <i class="s_line">|</i>
                <a class="lang_hk" lang="zh-hk">繁</a>
                <i class="s_line">|</i>
                <a class="lang_en" lang="en-us">EN</a>
            </div>
        </div>
    </div>
    <!-- 公共样式----头部导航栏制作结束 -->

    <!-- 内容区域 -->
    <!-- 企业责任模块 -->
    <div class="wrap_content">
        <!-- 企业头部 -->
        <div class="mod-section-ad">
            <div class="w clearfix">
                <h2>连接责任与信任</h2>
                <p class="desc">聚合微小善行，以科技让世界更美好</p>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- 电梯导航模块 -->
        <div class="nav-container">
            <div class="w">
                <ul>
                    <li> <a href="javascript:;">全球战疫</a></li>
                    <li> <a href="javascript:;">践行承诺</a></li>
                    <li> <a href="javascript:;">支持善举</a></li>
                    <li> <a href="javascript:;">鼓励创新</a></li>
                    <li> <a href="javascript:;">数字科技</a></li>
                </ul>
            </div>
        </div>
        <!-- 主体开始 -->
        <div class="brand-item white-bg" id="respon-con-0">
            <!-- 版心 -->
            <div class="w clearfix">
                <!-- 全球战疫开始 -->
                <div class="together-box nav-item" id="ten">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="Javascript:;"><img class="bg" src="./images/bg-together.png" alt="img" />
                                    <div class="mess-box">
                                        <h2>全球战疫 一起行动</h2>
                                        <p class="desc">
                                            在新冠肺炎疫情之战中，腾讯秉持科技向善，<br />以互联网科技的力量，通过我们的技术和产品为全球战疫提供支持。
                                        </p>
                                        <a href="Javascript:;" class="go-icon"><img data-lazy-src="./uploads/go-icon.png" alt="img" /></a>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="Javascript:;"> <img class="bg" src="./uploads/6.webp" alt="img" />
                                    <div class="mess-box">
                                        <div class="wuhan">
                                            <h2>英雄城市武汉！</h2>
                                            <p class="desc">
                                                在新冠肺炎疫情之战中，武汉是一个英雄城市，<br />在春暖花开时，我们还能一起相约去武大看樱花，去看看这座英雄的城市。
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="Javascript:;"> <img class="bg" src="./uploads/bg5.webp" alt="img" />
                                    <div class="mess-box">
                                        <h2>伟大中国共产党 庆祝100年生日</h2>
                                        <p class="desc">
                                            在新冠肺炎疫情之战中，腾讯听取国家意见，<br />以互联网科技的力量，通过我们的技术和产品为全球战疫提供支持。
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <!-- Add Arrows -->
                    </div>

                    <!-- <a
              href="https://www.tencent.com/zh-cn/responsibility/combat-covid-19.html"
            >
              <img class="bg" src="./images/bg-together.png" alt="img" />
              <div class="mess-box">
                <h2>全球战疫 一起行动</h2>
                <p class="desc">
                  在新冠肺炎疫情之战中，腾讯秉持科技向善，<br />以互联网科技的力量，通过我们的技术和产品为全球战疫提供支持。
                </p>
                <a
                  href="https://www.tencent.com/zh-cn/responsibility/combat-covid-19.html"
                  class="go-icon"
                  ><img data-lazy-src="./uploads/go-icon.png" alt="img"
                /></a>
              </div>
            </a> -->
                    <!-- </div> -->
                    <!-- 全球战疫情结束 -->
                </div>
                <!-- 践行承诺 -->
                <div class="promise nav-item" id="eleven">
                    <h3 class="mod-m-title">践行承诺</h3>
                </div>
                <div class="mod-type-box">
                    <div class="item">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-1.jpg" alt="img" />
                            </div>
                            <div class="mess">
                                <p class="label">用户隐私与数据保护</p>
                                <p class="desc">
                                    腾讯视用户信息安全与隐私保护为自己的生命线。我们遵循腾讯隐私保护PBD
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-2.jpg" alt="img" />
                            </div>

                            <div class="mess">
                                <p class="label">守护者计划</p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-3.jpg" alt="img" />
                            </div>
                            <div class="mess">
                                <p class="label">未成年人健康上网保护体系</p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-4.jpg" alt="img" />
                            </div>
                            <div class="mess">
                                <p class="label">知识产权</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 践行承诺结束 -->
        <!-- 支持善举模块 -->
        <div class="brand-item white-bg clearfix">
            <div class="w">
                <div class="t-flx nav-item">
                    <h3 class="mod-m-title" id="tweleve">支持善举</h3>
                </div>
                <!-- 腾讯基金会 -->
                <div class="mod-graph-box clearfix">
                    <div class="graph-box l-graph">
                        <a href="Javascript:;">
                            <img data-lazy-src="./images/flx-1.jpg" alt="img" class="pic" />
                            <h4>腾讯基金会</h4>
                            <p class="desc">
                                腾讯公益慈善基金会（腾讯基金会）于2007年6月成立，推动互联网与公益慈善事业的深度融合与发展。我们每年向腾讯基金会捐出部分利润，以支持慈善工作。
                            </p>
                        </a>
                    </div>
                    <div class="graph-box r-graph">
                        <a href="Javascript:;">
                            <img data-lazy-src="./images//flx-2.jpg" alt="img" class="pic" />
                            <h4>网络捐款平台</h4>
                            <p class="desc">
                                网络捐款平台是腾讯基金会推出的首个网上公开募捐平台，开放给合资格的慈善机构免费使用。个人用户可通过“乐捐”、“一起捐”等方式，选择自己信任的公益慈善项目，自主选择捐款，让人人可公益成为现实。
                            </p>
                        </a>
                    </div>
                </div>
                <!-- 99公益日 -->
                <div class="mod-graph-box clearfix">
                    <div class="graph-box graph-box-3 l-graph">
                        <a href="Javascript:;">
                            <img data-lazy-src="./images/flx-3.jpg" alt="" class="pic" />
                            <h4>99 公益日</h4>
                            <p class="desc">
                                腾讯基金会慈善工作的重头戏是每年一度于9月举行的“99公益日”活动，透过网上平台将大众在活动期间网上作出的捐款进行匹配。
                            </p>
                        </a>
                    </div>
                    <div class="graph-box graph-box-3 m-graph">
                        <a href="Javascript:;">
                            <img data-lazy-src="./images/flx-4.jpg" alt="" class="pic" />
                            <h4>腾讯长城保护项目</h4>
                            <p class="desc">
                                腾讯长城保护项目起始于2016年9月，由腾讯公益慈善基金会与中国文物保护基金会共同合作，并成立长城保护公益专项基金。
                            </p>
                        </a>
                    </div>
                    <div class="graph-box graph-box-3 r-graph">
                        <a href="Javascript:;">
                            <img data-lazy-src="./images/flx-5.jpg" alt="" class="pic" />
                            <h4>腾讯为村</h4>
                            <p class="desc">
                                腾讯为村，是一个用互联网助力精准脱贫、振兴乡村的工作平台。
                            </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 支持善举结束 -->
        <!-- 鼓励创新模块 -->
        <div class="brand-item white-bg" id="respon-con-3">
            <div class="w clearfix">
                <!-- 版心 -->
                <div class="t-flx nav-item">
                    <h3 class="mod-m-title" id="lyh">鼓励创新</h3>
                </div>
                <div class="mod-type-box clearfix">
                    <div class="item item-1">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-5.jpg" alt="img">
                                <div class="mess">
                                    <p class="label">激励科学创新</p>
                                    <p class="desc">
                                        聚焦基础科学和前沿核心技术，面向未来，推动研究成果实现突破。
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="item item-2">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-6.jpg" alt="img" />

                                <div class="mess">
                                    <p class="label">青少年培养</p>
                                    <p class="desc">
                                        为青少年提供开阔视野、融合交流的机会，培养未来人才。
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="item item-3">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-7.jpg" alt="img" />

                                <div class="mess">
                                    <p class="label">助力创业者</p>
                                    <p class="desc">
                                        联合社会各界力量，整合腾讯资源，助力创业者实现梦想。
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="item item-4">
                        <a href="Javascript:;">
                            <div class="mask-bg">
                                <img data-lazy-src="./images/type-box-8.jpg" alt="img" />

                                <div class="mess">
                                    <p class="label">企业家成长</p>
                                    <p class="desc">
                                        与数字生态伙伴企业家共同进步，为全球精英赋能，加速企业成长。
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <!-- 鼓励创新结束 -->
                <!-- 数字领航模块 -->
                <div class="link-box nav-item" id="respon-con-4">
                    <a href="Javascript:;">
                        <img class="bg pc-box" id="lyh1" src="./uploads/pdf-bg.jpg" alt="img" />
                        <div class="mess">
                            <h2>数字领航 科技向善</h2>
                            <p>腾讯企业社会责任报告</p>
                            <div class="go-link">
                                <p>查看PDF</p>
                                <i class="go-icon"><img data-lazy-src="./uploads/go-icon (1).png" alt="img"
                  /></i>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- 数字领航结束 -->
            </div>
        </div>
    </div>
    </div>
    <div class="common-foot">
        <div class="w common-text">
            <!-- 关注我们栏目制作 -->
            <div class="focus-us">
                <h1>关注我们</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="wechat-code-btn">
                            <b class="icon wechat"></b>
                            <img class="wechat-code" src="../images/wechat-code.jpg" alt="">
                        </a>
                    </li>
                    <li><a href="javascript:;"><b class="icon weibo"></b></a></li>
                    <li><a href="javascript:;"><b class="icon twitter"></b></a></li>
                    <li><a href="javascript:;"><b class="icon mi"></b></a></li>
                </ul>
            </div>
            <!-- 加入我们制作 -->
            <div class="footer-center join-us">
                <div class="title">
                    <h3>加入我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">社会招聘</a></li>
                    <li><a href="javascript:;">校园招聘</a></li>
                    <li><a href="javascript:;">国际招聘</a></li>
                </ul>
            </div>
            <!-- 联系我们制作 -->
            <div class="footer-center contact-us">
                <div class="title">
                    <h3>联系我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">客户服务</a></li>
                    <li><a href="javascript:;">合作洽谈</a></li>
                    <li><a href="javascript:;">腾讯采购</a></li>
                    <li><a href="javascript:;">媒体及投资者</a></li>
                </ul>
            </div>
            <!-- 法律信息制作 -->
            <div class="footer-center law-meaasge">
                <div class="title">
                    <h3>法律信息</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">服务协议</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                    <li><a href="javascript:;">知识产权</a></li>
                </ul>
            </div>
            <!-- 尾部logo制作 -->
            <div class="footer-logo">
                <img src="../images/tencent_logo.png" alt="Tencent腾讯">
            </div>
            <!-- 尾部企业信息制作 -->
            <div class="footer-company">
                <ul class="links">
                    <li>
                        <a href="javascript:;">法律声明</a>
                    </li>
                    <li>
                        <a href="javascript:;">阳光准则</a>
                    </li>
                    <li>
                        <a href="javascript:;">网站地图</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤网文【2017】6138-1456号</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤B2-20090059-1</a>
                    </li>

                </ul>
                <p class="copyright">Copyright © 1998 - 2021 Tencent. All Rights Reserved. 腾讯公司 版权所有</p>

            </div>
        </div>
    </div>
    <!-- 公共样式----尾部信息栏制作结束 -->
    <!-- 判断页面是否为上下滚动 -->
    <!-- 需求一: 当页面滚动在72到100之间的时候, common-first里面样式发生改变-->
    <!-- 需求: 当页面滚动>72且往下滚动的时候,common-first往上移动72px-->
    <!-- 需求: 当页面滚动>72且往上滚动的时候,common-first在往下移动72px,并修改样式-->
    <script>
        $(function() {
            function a() {
                $(".common-first").css("backgroundColor", "white");
                $(".common-menu").find("a").css("color", "black");
                $(".common-chosefont").find("a,i").css("color", "black");
                $(".common-nav-logo").find("h1").addClass("h1hover");
            }

            function moveWind() {
                var startScrollTop = document.body.scrollTop;
                window.addEventListener('scroll', function() {
                    var moveScrollTop = window.pageYOffset;
                    var moveLength = moveScrollTop - startScrollTop;
                    console.log(moveLength);
                    startScrollTop = moveScrollTop;
                    if (window.pageYOffset > 72) {
                        a();
                        console.log(12);
                        if (window.pageYOffset > 100) {
                            $(".common-first").css("marginTop", -72)
                            console.log(111);
                        }
                    }
                    if (moveLength === 0) {
                        console.log(false);
                    } else if (moveLength > 0) {
                        $(".common-first").css("marginTop", -72)
                    } else if (moveLength < 0) {
                        // console.log("up");
                        $(".common-first").css("marginTop", 0)
                        a();
                    };
                });
            }
            moveWind();
            /* if(window.pageYOffset === 0){
                        $(".common-first").css("backgroundColor","");
                        $(".common-menu").find("a").css("color","white");
                        $(".common-chosefont").find("a,i").css("color","white");
                        $(".common-nav-logo").find("h1").removeClass("h1hover");
            }; */
        })
    </script>
    <!-- 企业责任模块结束 -->
    <!-- 必须在这里引入我们的懒加载插件 -->
    <script src="./js/EasyLazyload.min.js"></script>
    <script>
        lazyLoadInit({
            showTime: 1100,
            onLoadBackEnd: function(i, e) {
                console.log("onLoadBackEnd:" + i);
            },
            onLoadBackStart: function(i, e) {
                console.log("onLoadBackStart:" + i);
            }
        });
    </script>

    <!-- 页脚区域 -->

    <!-- 页脚区域 -->
</body>

</html>